<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:s="http://jboss.com/products/seam/taglib"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:rich="http://richfaces.org/rich"
                template="#{theme.template}">
                
  <ui:define name="leftcolumn" />
  	
  <ui:define name="centercolumn">
	
	<div class="column span-8 first">  
		<rich:panel>
			<f:facet name="header">#{auctionq.readAuction(id).item.title}</f:facet>
			<div>
	   	  		<h:outputLabel id="etiqDescrip" value="Descripción: "/>
   	  			<h:outputText id="description" value="#{auctionq.readAuction(id).item.description}"/>
   	  		</div>
   	  		<s:div rendered="#{auctionq.readAuction(id).item.image != null}">
	   	  		<h:outputLabel id="etiqImg" value="Imagen: "/>
   	  			<h:graphicImage value="#{auctionq.readAuction(id).item.image}" />
   	  		</s:div>	  	
		</rich:panel>
	</div>
	
	<div class="column span-10">  	
   		<rich:panel>
	   		<f:facet name="header">Datos subasta</f:facet>
   			<div>
				<h:outputLabel id="etiqPrecioInicial" value="Precio inicial: "/>
   	 			<h:outputText id="precioInicial" value="#{auctionq.readAuction(id).startingPrice}"/>
   			</div>
	   	  	<div>
   	  			<h:outputLabel id="etiqPujaAlta" value="Puja mas alta: "/>
	   	  		<h:outputText id="pujaAlta" value="#{auctionq.readAuction(id).highBid.amount}"/>
   	  		</div>
   	  		<div>
   	  			<h:outputLabel id="etiqFechaFin" value="Fecha fin: "/>
   	  			<h:outputText id="fechaFin" value="#{auctionq.readAuction(id).endDate}"/>
   	  		</div>   	  			
		</rich:panel>
	</div>
	
	<div class="column span-6 last">
		<rich:panel>
	   		<f:facet name="header">Datos usuario</f:facet>
	   		<div>
	   			<h:outputLabel value="Usuario: "/>
   	  			<h:outputText value="#{auctionq.readAuction(id).account.user.username}"/>
	   		</div>
	   		<div>
	   			<h:outputLabel value="Miembro desde: "/>
   	  			<h:outputText value="#{auctionq.readAuction(id).account.memberSince}"/>
	   		</div>
	   	</rich:panel>
	</div>
	
	</ui:define>
	                
</ui:composition>